#container{
    width: 100%;
    height: auto;
    /* max-width: 46.875rem ; */
    /* min-width: 20rem; */
    overflow-x: hidden;
    margin: 0 auto;
    background-color: rgb(247, 247, 247);
}
.header{
    display: flex;
    text-align: center;
    padding-top: 2.1875rem;
    padding-bottom: 1.6875rem;
    background-color: rgb(255, 255, 255);
    margin-bottom: .4375rem;
}
.header img{
    width: 1rem;
    height: 1.875rem;
    margin-left: 2.5rem;
    margin-right: 15.5rem;
    margin-top: .3125rem;
}
.header p{
    font-family: "PingFang";
    font-size: 2.25rem;
    font-weight: bold;
    
}
.search{
    position: relative;
    padding: 1.875rem 0rem 0rem 3.5rem;
    background-color: rgb(255, 255, 255);
    margin-bottom: .6875rem;
}
.search img{
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    left: 4.7875rem;
    top: 3rem;
}
.search input{
    width: 36.5625rem;
    height: 3.75rem;
    font-size: 1.5rem;
    padding-left: 3.4375rem;
    border-radius:  .3125rem;
    border: .0625rem solid  rgb(247, 247, 247);
    background-color:  rgb(247, 247, 247);
    margin-bottom: 2.375rem;
}
.search input::placeholder{
    color:rgb(160, 160, 160) ;
}
.search ul{
    display: flex;
    flex-wrap: nowrap;
}
.search ul li{
    font-family: PingFang-SC-Regular;
    font-size: 1.5rem;
    width: 6.25rem;
    padding-bottom: 2.1875rem;
    text-align: center;
    margin-left: 1.125rem;
    margin-right: 1rem;
    /* border-bottom: .3125rem rgb(255, 147, 38) solid; */
}
.active{
    border-bottom: .3125rem rgb(255, 147, 38) solid;
}
/*  */
#content{
    width: 44.375rem;
    margin: 0 auto;
   background-color: rgb(247, 247, 247);
   display: none;
}
/* #content:first-child{
    display: block;
} */
 .record{
    font-size: 1.125rem;
    color: #999999;
    margin-bottom: .375rem;
}
.itemOne{
    border-radius: .3125rem;
    background-color: rgb(255, 255, 255);
    margin-bottom: .625rem;
    padding-bottom: 2.5rem;
    border-radius: 1.25rem;
}
.payment{
    width: 11.25rem;
    height: 3.125rem;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 3.125rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 2.4375rem;
    box-shadow: 0rem .4375rem .375rem 0rem rgba(180, 90, 0, 0.22);
 
    opacity: 0.8;
    color: #ffffff;
    border-radius: 0rem 0rem .3125rem .3125rem;
}
.ColorOne{
       background-color:#108ee9;
}
.ColorTwo{
    background-color:#ff9326;

}
.Colorthree{
    background-color: #04be02;
}
.Colorfour{
    background-color: #ff3333;
}
.product{
    display: flex;
    padding: 0rem 1.375rem;
    margin-bottom: 1.8125rem;
}
.product_left{
    width: 10rem;
    height: 10rem;
    margin-right: 1.3125rem;
    background: url(../images/product.png) center no-repeat;
    background-size: cover;
}
.product_mid{
    width: 22.5rem;
    margin-right: 1.3125rem;
}
.product_mid p:nth-child(1){
    font-size: 1.625rem ;
   
}
.product_mid p:nth-child(2){
    font-size: 1.375rem;
    color: rgb(153, 153, 153);
}
.product_rigth{
    width: 6.625rem;
    text-align: right;
}
.product_rigth p:nth-child(1){
    font-size: 1.25rem;
    font-family: "PingFang";
}
.remindOne{
    width: 10rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.5rem;
    text-align: center;
    margin-left:  32.5625rem;
    border-radius: .3125rem;
    border: .0625rem solid #999999;
    
}
.remindTwo{
    display: inline-block;
    width: 10rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.5rem;
    text-align: center;
    border-radius: .3125rem;
    margin-left:  21.25rem;
    margin-right: .6525rem;
    border: .0625rem solid #999999;
    
}
.logistics{
    display: inline-block;
    color: #ff9326;
    width: 10rem;
    height: 3.75rem;
    line-height: 3.75rem;
    font-size: 1.5rem;
    text-align: center;
    border-radius: .3125rem;
    border: .0625rem solid#ff9326;
}
.changecolor{
     color: #ff3333;
    border: .0625rem solid#ff3333;
}
#container .content{
    text-align: center;
    margin: 0 auto;
    margin-top: 11.75rem;
}
.content .content_PO{
    font-size: 1.75rem;
    color: #000000;
    
}
.content .content_PT{
    font-size: 1.5rem;
    counter-reset: #666666;
}
